<template>
  <div class="case">
    <div class="caselog">
      <div class="zzyimg"></div>
      <div class="aboutitme">
        <Bread :breadArr="breadArr"></Bread>
      </div>
    </div>
    <div class="casetext">
      <h1>{{ this.showcontent[this.$route.params.id].title }}</h1>
      <div>{{ this.showcontent[this.$route.params.id].tm }}</div>
      <div
        class="casetextimg"
        v-for="(item, index) in this.showcontent[this.$route.params.id].url"
        :key="index"
      >
        <img
          style="
             {
              width: 1100px;
              height: 620px;
            }
          "
          :src="item"
        />
      </div>
      <div class="hai">{{ this.showcontent[this.$route.params.id].text }}</div>
    </div>
  </div>
</template>

<script>
import Bread from "@/components/Bread";

export default {
  name: "case",
  components: {
    Bread,
  },
  mounted() {},
  data() {
    return {
      title: "hahah",
      breadArr: [
        {
          title: "项目案例",
          to: "/project",
        },
      ],
      showcontent: [
        {
          title: "拉萨河综合整治工程",
          url: [require("@/assets/images/ls.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "　　拉萨河综合整治工程5#闸工程内容包括新建拦河闸（液压升降坝）1座，正常蓄水位3653.0米，蓄水库容188.71万立方米；拦河闸为Ⅱ等大（2）型工程，主要建筑物级别为2级，次要建筑物级别为3级，临时建筑物级别为4级；闸孔总净宽495.00米，总宽517.32米；左岸新建鱼道194.0米，净宽3.0米；对上、下游河道进行疏浚3.01公里（上游疏浚2.51公里，下游疏浚0.50公里），总疏浚工程量为117.93万立方米；修建护岸工程1.38公里（其中上游0.41公里、下游0.97公里）；实施生态绿化13.51公顷",
        },
        {
          title: "岸堤水库除险加固工程",
          url: [require("@/assets/images/ta.jpg")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "岸堤水库位于沂河一级支流东汶河上，属淮河流域沂河水系，库区位于蒙山北麓， 库区上游距离蒙山约10km，坝址位于蒙阴县界牌镇圈里村西，东汶河与梓河的交汇处。主要建设内容包括：主坝、副坝、溢洪道（闸）、输水洞等枢纽建筑物除险加固工程，防汛道路、桥梁工程、管理设施、水文监测设施建设工程等。",
        },
        {
          title: "茨淮新河灌区凤台县大寨沟站拆除重建工程",
          url: [
            require("@/assets/images/zw.jpg"),
            require("@/assets/images/zw1.jpg"),
            require("@/assets/images/zw2.jpg"),
          ],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "茨淮新河是安徽省淮北平原的一条大型人工河道，是以防洪排涝为主．兼有灌溉、航运、城市供水等综合利用的工程，茨淮新河西起阜阳境内颖河左岸茨河铺闸，向东经阜阳、淮南、毫州、蚌埠等四个地市于蚌埠市怀远县荆山南八淮．河道全长134.2km，横跨茨河、西淝河，芡河等流域，流域面积6960km2。大寨沟站位于风台县大兴乡境内、穿茨淮新河南堤，距上游阚疃闸35.5km，为堤后式灌溉站(站房后建有灌溉输水兼排涝的穿堤涵)。设计灌溉面积6.0万亩、排涝面积13.6km2，重建泵站设计灌溉流量6.0m3/s、自排流量14.28m3/s；选定2台1000ZLB -4型轴流泵，配2台Y4002—12型．单机功率185KW电动机，总装机容量370kw",
        },
        {
          title: "罗山县白水冲等49座小型病险水库除险加固工程施工",
          url: [require("@/assets/images/ls.jpg")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "本标段的建设内容：大坝坝体防渗、大坝加固工程、溢洪道加固工程、输水洞加固工程、坝顶及管理设施工程等。共需完成工程量主要为：土石方工程60490m³，混凝土浇筑5357m³，砌石工程4336m³。",
        },
        {
          title: "湖北省汉江堤防加固重点工程",
          url: [
            require("@/assets/images/hb.jpg"),
            require("@/assets/images/hb1.jpg"),
            require("@/assets/images/hb2.jpg"),
            require("@/assets/images/hb3.jpg"),
          ],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },

        {
          title: "泸定县田坝乡磨河村、木角村农田灌溉工程项目 ",
          url: [require("@/assets/images/xz.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title:
            "道孚县亚卓镇等十二个乡镇城乡建设用地增减挂钩试点项目拆旧区复垦工程",
          url: [require("@/assets/images/xz1.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title:
            "南充市高坪区 2021 年第二批中央财政衔接推进乡村振兴补助资金以工代赈项目",
          url: [require("@/assets/images/xz2.png")],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "",
        },
        {
          title: "石渠县色须镇贫困村和平定居村饮水入户工程项目",
          url: [
            require("@/assets/images/xz4.png"),
            require("@/assets/images/xz5.png"),
          ],
          tm: "时间： 2021-2-22 信息来源:四川锦一建设 浏览量:230",
          text: "主要从事水利水电工程施工，房屋建筑工程施工，公路桥梁工程施工，特种工程（结构补强）施工等工程建筑、安装；水泥制品、预应力混凝土构件销售；园林绿化施工、养护及管理。",
        },
      ],
    };
  },
  methods: {
    topage(to) {
      console.log(to);
    },
  },
  watch: {
    $route(to, from) {
      this.topage(to, from);
    },
  },
};
</script>

<style lang="scss" scoped>
.case {
  .zzyimg {
    width: 100%;
    height: 500px;
    margin: auto;
    background: url("@/assets/images/ej.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .aboutitme {
    width: 1100px;
    margin: auto;
    text-align: right;
  }
  .casetext {
    width: 1200px;
    margin: auto;
    text-align: center;
    line-height: 20px;
    > h1 {
      color: #017cc2;
    }
    .casetextimg {
      margin-top: 10px;
      > img {
        width: 1100px;
      }
    }
  }
}
.hai {
  width: 1100px;
  margin: auto;
}
</style>
